/* MEDIA QUERIES */
@media screen and (max-width: 767px) { .searchform { position: relative; }
  .searchform input { background: #fff; }
  .notification-menu li:nth-child(4) { display: none; }
  .left-side .searchform, .left-side .logged-user { display: block; }
  .breadcrumb-wrapper { display: none; }
  .notification-menu .dropdown-menu:after { display: none; }
  /*calendar*/
  .fc-button-inner { padding: 0; }
  /*media gallery*/
  .media-gal .item { width: 100%; }
  .media-filter { margin: 25px 0; }
  .media-filter + .pull-right, .media-filter + .pull-right + .btn { float: left !important; }
  /*state info*/
  .state-info { position: static; width: 100%; margin-top: 15px; }
  .state-info .panel { width: 100%; }
  .lock-wrapper { margin: 40% auto; }
  .pricing-table { width: 100%; margin-left: 0; }
  .mail-box > aside, .mail-box > section { display: block; margin-bottom: 10px; width: 100%; }
  .mail-list { height: auto; } }

@media screen and (max-width: 480px) { /*form wizard steps*/
  .widget-container .stepy-titles li, .stepy-titles li { width: 100%; }
  .directory-list li { display: inline-block; float: left; width: auto; }
  .directory-list li a { display: block; padding: 5px 10px; margin-bottom: 1px; } }

@media screen and (max-width: 479px) { .notification-menu > li { padding-right: 20px; }
  /*calendar*/
  .fc-button-inner, .fc-button-content { padding: 0; }
  .fc-header-title h2 { font-size: 12px !important; }
  .fc .fc-header-space { padding-left: 0; }
  .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-active, .fc-button-today .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner { background: none repeat scroll 0 0 #FFFFFF !important; color: #32323A !important; }
  .fc-state-default, .fc-state-default .fc-button-inner { background: none repeat scroll 0 0 #FFFFFF !important; }
  .error-wrapper h1 img { width: 100%; }
  /*form wizard steps*/
  .widget-container .stepy-titles li, .stepy-titles li { width: 100%; }
  .directory-list li { display: inline-block; float: left; width: auto; }
  .directory-list li a { display: block; padding: 5px 10px; margin-bottom: 1px; } }

@media screen and (max-width: 360px) { .notification-menu li:first-child .dropdown-menu { margin-right: -90px; }
  .notification-menu li:nth-child(2) .dropdown-menu { margin-right: -45px; }
  .notification-menu li:nth-child(3) .dropdown-menu { margin-right: 0px; }
  .nav-tabs.nav-justified.nav-profile > li { float: none; display: block; width: auto; }
  .lock-wrapper { margin: 40% auto; max-width: 300px; }
  .lock-wrapper input, .lock-wrapper input:focus { width: 80% !important; }
  .lock-wrapper .locked { right: 70px; } }

@media screen and (max-width: 320px) { .lock-wrapper { margin: 40% auto; max-width: 300px; }
  .lock-wrapper input, .lock-wrapper input:focus { width: 80% !important; }
  .lock-wrapper .locked { right: 70px; }
  .media-filter li { margin-bottom: 10px; display: inline-block; }
  .media-filter + .btn-group .btn { margin-bottom: 5px; } }
